<%--
  Created by IntelliJ IDEA.
  User: 26960
  Date: 2022/10/27
  Time: 21:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        #app {
            width: 400px;
            height: 400px;
            background-color: #ddd;
        }
    </style>
</head>
<body>
<div id="qrcode"></div>
<div id="app"></div>

<script src="${pageContext.request.contextPath}/static/jquery-3.6.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/jquery.qrcode.min.js"></script>
<script>



    //使用table生成
    // $('#qrcode').qrcode({
    //     render: "table",
    //     text: "https://www.baidu.com"
    // });

    <%--        <%=%>"http://"+request.getRemoteAddr()+":"+request.getRemotePort()+"/AutoService/downloadexcel.action" %>;--%>
    <%--        var ip=<%request.getRemoteAddr();%>;--%>
    <%--        var port=<% request.getRemotePort(); %>--%>
    //var url="http://192.168.1.7:8080${pageContext.request.contextPath}/front/index.jsp";
    var url="https://www.baidu.com";

    // //生成100*100(宽度100，高度100)的二维码
    // $('#qrcode').qrcode({
    //     render: "canvas", //也可以替换为table
    //     width: 100,
    //     height: 100,
    //     foreground: "green",
    //     background: "#FFF",
    //      text: url
    //     // $("#output").qrcode(encodeURI("http://中文中文"));//使用encodeURI进行转码
    // });

    <%--const img = new Image();--%>
    <%--img.onload = () => {--%>
    <%--    const options = {--%>
    <%--        // 渲染成  canvas/div/image--%>
    <%--        render: "canvas",--%>

    <%--        // content--%>
    <%--        text: url,--%>
    <%--        // width: 100,--%>
    <%--        // height: 100,--%>
    <%--        foreground: "green",--%>
    <%--        background: "#FFF",--%>
    <%--        // 图片--%>
    <%--        image: img,--%>
    <%--    };--%>
    <%--    $("#qrcode").qrcode(options);--%>
    <%--};--%>
    <%--img.src = "${pageContext.request.contextPath}/static/img/a.jpg";--%>




    //使用canvas生成
    $('#qrcode').qrcode({
        render: "canvas",
        text: "https://www.baidu.com"
    });

</script>
</body>
</html>